<!DOCTYPE html>
<html>
    <head>
        <title>title</title>
        <meta charset="utf-8"/>
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
        <link type="text/css" rel="stylesheet" href="css/styles.css"/>
        <link type="text/css" rel="stylesheet" href="css/font-awesome.css"/>
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/videosportal.js"></script>

        <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />

        <script type="text/javascript" src="js/jquery.mmenu.min.all.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#menu")
                        .mmenu({
                        })
                        .on("click", "a[href=\"#\"]",
                                function() {

                                    return false;
                                }
                        );
            });
        </script>
    </head>
    <body>
        <header>
            <div class="container">
                <div class="logo">
                    <img src="img/logo.png" alt=""/>
                </div>
                <div class="searchdesktop">
                    <input type="text" class="txtsearch" name="keyword"/>
                    <button type="submit" name="btnsearch" class="btnsearch"><i class="fa fa-search"></i></button>
                    <a href="#menu" class="controllmenumobile" title="Hiển thị menu"><i class="fa fa-bars"></i></a>
                </div>
            </div>
        </header>
        <div class="searchmobile">
            <div class="container">
                <input type="text" class="mobilesearchinput" name="keyword"/>
                <button type="submit" name="btnsearch" class="mobilebtnsearch"><i class="fa fa-search"></i></button>
            </div>
        </div>
        <!--menu mobile-->
        <nav id="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#about">About us</a>
                    <ul>
                        <li><a href="#about/history">History</a></li>
                        <li><a href="#about/team">The team</a>
                            <ul>
                                <li><a href="#about/team/management">Management</a></li>
                                <li><a href="#about/team/sales">Sales</a></li>
                                <li><a href="#about/team/development">Development</a></li>
                            </ul>
                        </li>
                        <li><a href="#about/address">Our address</a></li>
                    </ul>
                </li>
                <li><a href="#about">Hello</a>
                    <ul>
                        <li><a href="#about/history">History</a></li>
                        <li><a href="#about/team">The team</a>
                            <ul>
                                <li><a href="#about/team/management">Management</a></li>
                                <li><a href="#about/team/sales">Sales</a></li>
                                <li><a href="#about/team/development">Development</a></li>
                            </ul>
                        </li>
                        <li><a href="#about/address">Our address</a></li>
                    </ul>
                </li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
        <!--/menu mobile-->
        <!--khung tren-->
        <section>
            <div class="container">
                <!--menu desktop-->
                <div class="menudesktop">
                    <ul>
                        <li class="menufirst"><a href="" title=""> <i class="fa fa-bars"></i> Chuyên mục videos</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Đời sống</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Xã hội</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Pháp luật</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Ẩm thực</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Giới trẻ</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Công nghệ</a></li>
                        <li><a href="" title=""> <i class="fa fa-angle-right"></i> Sức khỏe</a></li>

                        <li class="menulast"><a href="" title=""> <i class="fa fa-angle-right"></i> Shok</a></li>
                    </ul>
                </div>
                <!--/menu desktop-->
                <!--right-->
                <div class="containerright">
                    <!--left-->

                    <!--/left-->
                    <!--right-->
                    <div class="videosct">
                        <iframe src="//www.youtube.com/embed/xvNxE1pm2nc" frameborder="0" allowfullscreen></iframe>
                        <div class="titlevideoct">
                            <h2><i class="fa fa-youtube-play"></i> Em có yêu anh không - Bueno</h2>
                        </div>
                        <div class="inforvideo">
                            <span class="videoicondes"><i class="fa fa-user"></i> Admin</span>
                            <span class="videoicondes"><i class="fa fa-clock-o"></i> 24 - 10 - 2014</span>
                            <span class="videoscate"><i class="fa fa-bars"></i> Đời sống</span>

                        </div>
                    </div>
                    <!--/right-->
                    <div class="advdetailtable">
                        <div class="advdetailct">
                            <img class="img-responsive" src="img/adv/advdetail001.jpg"/>
                        </div>
                        <div class="advdetailct">
                            <img class="img-responsive" src="img/adv/advdetail001.jpg"/>
                        </div>
                    </div>
                </div>
                <!--/right-->
            </div>
        </section>
        <!--/khung tren-->
        <!--comment-->
       <div id="fb-root"></div>
        <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=453496011462013&version=v2.0";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
        <section>
            <div class="container">
                <div class="commentdetail">
                    <div class="titlecategories">
                        <h2><a href="#"><i class="fa fa-comments"></i> Bình luận</a></h2>
                    </div>
                    <div class="framecoment">
                        <div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-width="430" data-numposts="5" data-colorscheme="light"></div>
                    </div>
                </div>
                <div class="advdetaildesktop">
                    <div class="advdetailctdes">
                        <img class="img-responsive" src="img/adv/advdetail001.jpg"/>
                    </div>
                    <div class="advdetailctdes">
                        <img class="img-responsive" src="img/adv/advdetail001.jpg"/>
                    </div>
                </div>
            </div>
        </section>
        <!--/comment-->

        <section>
            <div class="container">

                <div class="titlecategories">
                    <h2><a href="#"><i class="fa fa-bars"></i> Videos liên quan</a></h2>
                </div>
                <div class="catect">
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    <div class="videossub_cate">
                        <img  class="img-responsive" src="img/videos/demo.jpg" alt=""/>
                        <div class="captitle">
                            <a href="#" title="">Tieu de</a>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>


        <!--adv footer-->
        <section>
            <div class="container">
                <div class="banneradvfooter">
                    <img src="img/adv/bannerfooter.jpg" class="img-responsive" alt=""/>
                </div>
            </div>
        </section>
        <!--/adv footer-->
        <footer>
            <div class="footerconnect">
                <div class="container">
                    <div class="footerconnectct">
                        <div class="footermenu">
                            <span>Điều hướng</span>
                            <a href="" title="">Home</a> / 
                            <a href="" title="">Giới thiệu</a> / 
                            <a href="" title="">Liên hệ</a> 

                        </div>
                        <div class="footermenu">
                            <span>Liên kết</span>
                            <a href="" title="">Google</a> / 
                            <a href="" title="">Yahoo</a> / 
                            <a href="" title="">Youtube</a> 

                        </div>
                    </div>
                    <div class="footerngan"><img src="img/iconngandong.jpg"/></div>
                    <div class="footerlogo">
                        <div class="imglogofooter"><img src="img/logo.png" /></div>
                        <span class="iconfooter">
                            <a href="#" title=""><i class="fa fa-twitter"></i></a>
                            <a href="#" title=""><i class="fa fa-google"></i></a>
                            <a href="#" title=""><i class="fa fa-facebook"></i></a>
                            <a href="#" title=""><i class="fa fa-youtube"></i></a>
                            <a href="#" title=""><i class="fa fa-skype"></i></a>
                        </span>
                    </div>
                </div>
            </div>
        </footer>
        <section>
            <div class="container">
                <div class="copyrightlogo"><img src="img/iconlogofooter.png"/></div>
                <div class="copyrighttext">
                    Copyright © 2014 Alatca, All Rights Reserved. 
                </div>
            </div>
        </section>
    </body>
</html>
